<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="__STATIC__/template/favicon.ico" >
    <link rel="Shortcut Icon" href="__STATIC__/template/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="__STATIC__/template/lib/html5shiv.js"></script>
    <script type="text/javascript" src="__STATIC__/template/lib/respond.min.js"></script>

    <![endif]-->
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/lib/Hui-iconfont/1.0.8/iconfont.css" />

    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="__STATIC__/template/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->
    <!--css 加载 -->
    {load file='_CSS_/diyUpload.css'}
    {load file='_CSS_/webuploader.css'}

    <link href="__STATIC__/template/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
</head>
<body>
<nav class="breadcrumb">
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>

<div class="page-container">

    <form action="" method="post" class="form form-horizontal" id="form-article-add" >

        <!--图片上传-->
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">安卓图片上传：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="weui-uploader__bd test" id="test"></div>
                <span id="filename" style="vertical-align: middle"></span>
                {notempty name='picture'}
                    <div class="formControls col-xs-8 col-sm-9" style="min-height: 100px;margin-left: 5px">
                        <div style="width:220px;height:120px;display: inline-block;text-align: center">
                            <img width="210" height="100px" class="picture-thumb" src="__UPLOADS__/{$picture.a_image}">
                            <a id="imgDel" data-img="{$picture.a_image}" href="javascript:;">
                                删除
                            </a>
                        </div>
                    </div>
                {/notempty}
            </div>
        </div>
        <!--图片上传-->
        <!--图片上传-->
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">苹果图片上传：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="weui-uploader__bd ios" id="ios"></div>
                <span id="ios_tip" style="vertical-align: middle"></span>
                {notempty name='picture'}
                <div class="formControls col-xs-8 col-sm-9" style="min-height: 100px;margin-left: 5px">
                    <div style="width:220px;height:120px;display: inline-block;text-align: center">
                        <img width="210" height="100px" class="picture-thumb" src="__UPLOADS__/{$picture.ios_image}">
                        <a id="iosDel" data-img="{$picture.ios_image}" href="javascript:;">
                            删除
                        </a>
                    </div>
                </div>
                {/notempty}
            </div>

        </div>
        <!--图片上传-->

        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">

                {notempty name='picture'}
                    <input type="hidden" value="{$picture.id}" id="picture_id">
                    <button onClick="picture_edit_submit();" class="btn btn-primary radius" type="button" >
                        <i class="Hui-iconfont">&#xe632;</i> 修改
                    </button>
                {else /}
                <button onClick="slider_save_submit();" class="btn btn-primary radius" type="button" id="submit">
                     <i class="Hui-iconfont">&#xe632;</i> 提交
                </button>

                {/notempty}

                <button  class="btn btn-default radius" type="reset">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>

</div>


<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__STATIC__/template/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/layer/2.4/layer.js"></script>
<!--<script type="text/javascript" src="__STATIC__/template/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/static/h-ui.admin/js/H-ui.admin.js"></script> -->
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->

<!-- 加载js -->
{load file='_LIB_/jquery-2.1.4.js'}
{load file='_LIB_/fastclick.js'}
{load file='_JS_/jquery.Spinner.js'}
{load file='_JS_/jquery-weui.js'}
{load file='_LIB_/diyUpload.js'}
{load file='_LIB_/webuploader.min.js'}
<script type="text/javascript">
    $(document).ready(function(){
        $('#imgDel').click(a_image_del);
        $('#iosDel').click(ios_image_del);

    });

    // 图片上传
    var android="";
    var imgDel = $('#imgDel').attr('data-img');
    if(imgDel==''||imgDel==null||imgDel==undefined){
        $("#test").diyUpload({
            url:"{:url('admin/Uploads/index')}",
            fileNumLimit:1,
            pick:{
                id:test,
                label:"安卓图片"
            },
            success:function( data ) {
                console.log( data.img );
                if(data.ok){
                    android = data.img;
                    $('#filename').text('上传成功！').css('color','green');
                    return img_tip  = true;
                }else{
                    $('#filename').text(err.msg).css('color','red');
                    return img_tip  = false;
                }

            },
            error:function( err ) {
                console.info( err );
                $('#filename').text(err).css('color','red');
                return img_tip  = false;


            }
        });
    }

    var ios = '';
    var iosDel = $('#iosDel').attr('data-img');
    if(iosDel==''||iosDel==null||iosDel==undefined){
        $("#ios").diyUpload({
            url:"{:url('admin/Uploads/index')}",
            pick:{
                id:'#ios',
                label:"苹果图片"
            },
            fileNumLimit:1,

            success:function( data ) {
                console.log( data.img );
                if(data.ok){
                    ios = data.img;
                    $('#ios_tip').text('上传成功！').css('color','green');
                }else{
                    $('#ios_tip').text(err.msg).css('color','red');
                }

            },
            error:function( err ) {
                console.info( err );
                $('#filename').text(err).css('color','red');
                return img_tip  = false;


            }
        });
    }
    /* 安卓图片删除 */
    function a_image_del(){
       // alert(1);
        var link = $('#imgDel');
        link.parent().parent().remove();
        $("#test").diyUpload({
            url:"{:url('admin/Uploads/index')}",
            fileNumLimit:1,
            pick:{
                id:test,
                label:"安卓图片"
            },
            success:function( data ) {
                console.log( data.img );
                if(data.ok){
                    android = data.img;
                    $('#filename').text('上传成功！').css('color','green');
                    return img_tip  = true;
                }else{
                    $('#filename').text(err.msg).css('color','red');
                    return img_tip  = false;
                }

            },
            error:function( err ) {
                console.info( err );
                $('#filename').text(err).css('color','red');
                return img_tip  = false;


            }
        });
    }
    /* 苹果启动图删除 */
    function ios_image_del(){
        var link = $('#iosDel');
        link.parent().parent().remove();
        $("#ios").diyUpload({
            url:"{:url('admin/Uploads/index')}",
            pick:{
                id:'#ios',
                label:"苹果图片"
            },
            fileNumLimit:1,

            success:function( data ) {
                console.log( data.img );
                if(data.ok){
                    ios = data.img;
                    $('#ios_tip').text('上传成功！').css('color','green');
                }else{
                    $('#ios_tip').text(err.msg).css('color','red');
                }

            },
            error:function( err ) {
                console.info( err );
                $('#filename').text(err).css('color','red');
                return img_tip  = false;


            }
        });
    }


    /*轮播图-添加*/
    function slider_save_submit(){
       // alert(android);
        var data  = {
            android:android,
            ios:ios
        };

        $.post("{:url('start_hold')}",data,function(res){
            console.log(res);
            if(res.ok){
                layer.msg(res.msg,{icon: 1,time:2000});
                setTimeout(window.location.href="{:url('index')}",2000);
            }else{
                layer.msg(res.msg,{icon: 5,time:2000});
            }
        })

    }

    /*轮播图-修改*/
    function picture_edit_submit(){
        var id     = $('#picture_id').val();
        var iosDel = $('#iosDel').attr('data-img');
        var imgDel = $('#imgDel').attr('data-img');

        var android_img ="";
        if(imgDel==''||imgDel==null||imgDel==undefined){
            android_img = android;
        }else{
            android_img = imgDel;
        }
        var ios_img ="";
        if(iosDel==''||iosDel==null||iosDel==undefined){
            ios_img = ios;
        }else{
            ios_img = iosDel;
        }

        var data  = {
            id:id,
            android:android_img,
            ios:ios_img
        };

        $.post("{:url('start_save')}",data,function(res){
            // console.log(res);
            if(res.ok){
                layer.msg(res.msg,{icon: 1,time:2000});
                setTimeout(window.location.href="{:url('index')}",2000);
            }else{
                layer.msg(res.msg,{icon: 5,time:2000});
            }
        })


    }


</script>
</body>
</html>